<?php include_once('jcart/jcart.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="meias de compressão, meias esportivas, órteses móveis, reabilitação física, andadores, cadeiras de rodas motorizadas, transfers, assentos, encosto, encosto personalizado para cadeira de rodas, calçados, calçados ortopédicos, meias, órteses, cadeira de rodas" />
	<script type="text/javascript" src="js/jquery.js"></script>	
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/Optima_400.font.js"></script>
    <script type="text/javascript" src="js/jquery.bgpos.js"></script>
    <script type="text/javascript" src="jcart/js/jcart.min.js"></script>
    
    <script type="text/javascript" src="highslide/highslide-full.js"></script>
	<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
	
    <title>Faster Saúde</title>
    
    <link href="css/style.css" 				rel="stylesheet" type="text/css" />
    <link href="highslide/highslide.css"	rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" media="screen, projection" href="jcart/css/jcart.css" />  
    <script type="text/javascript">
		$(document).ready(function() {	
			Cufon.replace('#barra');
			Cufon.replace('#menu');
			Cufon.replace('h2');
			Cufon.replace('.produtos h3');
			//
			$("#carrinho").click(function() {
				$("#carrinho").addClass("absolute");
				$("#items").toggle();
				$('#jcart').toggle();
			});
			$("ul#nav li").hover(function() {
				$(this).css('color','#000');
				Cufon.refresh();
			},function() {
				$(this).css('color','#FFF');
				Cufon.refresh();
			});		
			$('#menu ul li')
				.css( {backgroundPosition: "0px -80px"} )
				.mouseover(function(){
					$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:500})
				})
				.mouseout(function(){
					$(this).stop().animate({backgroundPosition:"(-220px -80px)"}, {duration:500, complete:function(){
					$(this).css({backgroundPosition: "0px -80px"})
				}})
			})
			//
			$('.jcart').hide();
			$(':radio[name="ref"]').click(function() {	
				if($(this).is(':checked')){
					var cor = $(this).attr('title');
					var bodyContent = $.ajax({
					      url: "class/server.php",
					      global: false,
					      type: "POST",
					      data: {cor : cor, pagina: 'referencias', acao: 'tamanhos' },
					      dataType: "text",
					      async:false,
					      success: function(msg){
					         retorno = msg;
					      }
					   }
					).responseText;
					$('select[name="tamanhos"]').html(retorno);
					$('.jcart').fadeIn();
				}
			});

			$('select[name="tamanhos"]').change(function () {
				  var value = $(':input[name="my-item-name"]').val();
				  value += '/' + $(':radio[name="ref"]:checked').attr('title');
		          $('select[name="tamanhos"] option:selected').each(function () {
		                value += ' /' + $(this).text();
		          });
		          $(':input[name="my-item-name"]').val(value);
		    })
			

			$('.largeImg1').click(function(){
				return hs.expand(null, { src: $(this).attr('alt') });
			});
			/*
			$("#shop").click(function() {
				$('#jcart').toggle();
			});
			*/
		});
	</script>
</head>
<body>
<div id="barra">
	<div class="centro">
		<div id="jcart"><?php $jcart->display_cart();?></div>
		<ul id="nav">
			<li><a href="institucional.php?i=1">Empresa</a></li>
			<li><a href="artigos.php">Artigos</a></li>
			<li><a href="institucional.php?i=2">Perguntas Frequentes</a></li>
			<li><a href="institucional.php?i=3">Formas de Pagamento</a></li>
			<li><a href="institucional.php?i=4">Envios</a></li>
			<li class="last"><a href="contato.php">Contato</a></li>
		</ul>
		<div id="carrinho">
			<img src="imagens/ico_carrinho.png" position="absmiddle" />&nbsp;
			Carrinho (<?php echo count($cart);?> item(s))
			<div id="items">
				
			</div>
		</div>
	</div>
</div>
<div id="topo">
	<div class="centro" style="height:184px;">
		<div id="left"><a href="index.php"><img src="imagens/logo.png" vspace="10" /></a></div>
		<div id="right" style="padding-top:140px;">
			<input type="text" placeholder="Pesquisar em todo site" class="pesq" />
			<input type="submit" class="btn_buscar" />
		</div>
	</div>
	
	<div id="menu">
		<ul>
			<a href="grid.php?c="><li>Cadeiras Motorizadas</li></a>
			<a href="grid.php?c="><li>Calçados Ortopédicos</li></a>
			<a href="grid.php?c=1"><li>Meias de Compressão</li></a>
			<a href="grid.php?c="><li class="last">Palmilhas Ortopédicas</li></a>
		</ul>	
	</div>
</div>
<br class="clear" />
<?php echo $conteudo; ?>
<div id="rodape">
	<div class="centro">
		<div id="left">
			<img src="imagens/pagseguro.png" />
		</div>
		<div id="right" style="text-align:right;">
			FasterSaúde © 2012<br />
			Rua 123, de Oliveira - Menino Deus - Porto Alegre - RS<br />
			(51) 3222-1234 | (51) 8111-1111<br />
		</div>
	</div>
</div>
</body>
</html>